const label = '提现记录'
const name = 'DkAppWithdrawalList'

export default {
  icon: 'tdesign:work',
  label,
  name,
  count: 1,
  rule() {
    return {
      type: name,
      props: {
        cardStyle: {
          marginBottom: '5px',
          borderBottomWidth: '1px',
          borderBottomStyle: 'solid',
          borderBottomColor: '#F6F6F6'
        }
      },
      showStyle: true,
      children: [],
      style: {},
      setting: {
        style: {
          paddingLeft: '10px',
          paddingRight: '10px',
          paddingTop: '10px',
          paddingBottom: '10px',
          backgroundColor: 'rgba(255, 255, 255, 1)'
        }
      }
    }
  },
  props() {
    return [
      {
        type: 'ElAlert',
        props: {
          title: '说明',
          description: '当前组件为独立页面，可以作为钱包页面使用，显示用户的账户数据以及资金提现。',
          type: 'error'
        },
        style: {
          marginBottom: '10px'
        }
      },
      {
        type: 'switch',
        title: '启用分页',
        field: 'showMore',
        value: false,
        effect: {
          help: '是否启用分页，默认每页显示5个，启用后会显示加载更多'
        }
      },
      { type: 'number', field: 'pageSize', title: '每页数量', value: 5 },
      {
        type: 'DkStyleInput',
        field: 'cardStyle',
        title: '卡片样式',
        props: {
          isDrawer: true,
          drawerProps: {
            title: '卡片样式',
            size: '400px',
            zIndex: 100
          },
          hideComponents: ['DkStyleFontInput']
        }
      }
    ]
  }
}
